<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <link rel="stylesheet" v-bind:href="cssUrl">
        <img :src="tempUrl" alt="">
        <ul class="list">
            <li v-for="(item,index) in arr" @click="tempUrl = item">{{index+1}}</li>
        </ul>
    </div>
    <script src="../Dev-tools/vue.js"></script>
    <script>
        new Vue({
            data:{
                cssUrl:"../lib/css/changeImg.css",
                arr:[
                    "../lib/images/0.jpg",
                    "../lib/images/1.jpg",
                    "../lib/images/2.jpg",
                    "../lib/images/3.jpg",
                    "../lib/images/4.jpg"
                ],
                tempUrl:"../lib/images/0.jpg"
            }
        }).$mount("#app")
    </script>
</body>
</html>